<template>
    <div class="pages">
    <div class="more-detail">
        <div class="more-detail-main">


     <div class="img">
         <img src="../../../assets/title.png" alt="">
     </div>
        <div class="content">
            <div class="tips"><span>当前位置：</span><router-link to='/page_home'><span>首页</span> </router-link>< <span @click="goRoute">{{JSON.parse(getStore('moreDetailType')).name}}</span></div>
            <div class="content-list"  v-if="JSON.parse(getStore('moreDetailType')).type=='download'">
                <down-load-list></down-load-list>
            </div>
            <div class="content-list"  v-if="JSON.parse(getStore('moreDetailType')).type=='link'">
                <link-list></link-list>
            </div>
            <div class="content-list"  v-if="JSON.parse(getStore('moreDetailType')).type=='information'">
                <information-list></information-list>
            </div>
            <div class="content-list"  v-if="JSON.parse(getStore('moreDetailType')).type=='notice'">
                <notice-list></notice-list>
            </div>
            <div class="content-list"  v-if="JSON.parse(getStore('moreDetailType')).type=='news'">
                <news-list></news-list>
            </div>
            <!--news-->
        </div>
        </div>
    </div>
    </div>
</template>

<script>
    import downLoadList from './detail-pages/download-list.vue'
    import linkList from './detail-pages/link-list.vue'
    import informationList from './detail-pages/information-list.vue'
    import noticeList from './detail-pages/notice-list.vue'
   import newsList from './detail-pages/news-list.vue'
    export default {
        name: "more-detail",
        components:{
            downLoadList,
            linkList,
            informationList,
            noticeList,
            newsList
        },
        methods:{
            goRoute(){
                this.getStore('moreDetailType')
            }
        },
        mounted() {
        }
    }
</script>

<style scoped lang="less">
    @import 'less/detail.less';
.more-detail{
    .more-detail-main{
        width: 1000px;
        margin: 0 auto;
    }
    width: 100%;
    background-color: white;
    margin: 0 auto;
    padding-bottom:25px;
    .img{
        width: 100%;
        margin-bottom: 20px;
        img {
            width: 100%;
            height: 100%;
        }
    }
    .content{
        font-family:PingFangSC-Regular,PingFang SC;
        color:rgba(0,0,0,0.65);
        width: 100%;
        padding: 20px;
        box-shadow:0px 2px 4px 0px rgba(236,236,236,0.5);
        border-radius:4px;
        border:1px solid rgba(233,233,233,1);
        .tips{
            font-size:14px;
            font-weight:400;
            line-height:22px;
        }
        .content-list{
            padding: 0 22px;
        }
    }
}
</style>
